<template>
	<button size="mini" :type="type" :style="buttonStyle">
		<slot></slot>
	</button>
</template>

<script setup>
import { shallowReactive } from 'vue';
defineProps({
	type: {
		/**primary default warn**/
		type: String,
		default: undefined
	}
});

const buttonStyle = shallowReactive({
	display: 'block',
	marginLeft: '10rpx',
	marginRight: '10rpx',
	padding: '0 16rpx'
});
</script>

<style></style>
